.yxm_main{
  p{
    font-size: 12px;
  }
}
.yxm_index_toggle_nav{
  margin:
0;
}
.yxm_toggle_mess{
  min-width:80px;
  background-color: #ff0000;
}
.yxm_img_top{
  margin: 100px 0;
  display: flex;
  align-items: center;
  justify-content: center;

  //解决图片间隙问题
  font-size: 0;
  .yxm_img_left{
    margin-right: 100px;


  }
  #yxm_top_p{
    width:600px;
  }
  .yxm_img_right{
    .yxm_img_right_top{
      img:nth-child(2){
        margin-right: 120px;
      }
    }
    .yxm_img_right_bottom{
      img:nth-child(1){
        margin-right:120px;
      }
    }

  }
}

.yxm_center{
  background-color: rgb(245,245,245);
  padding:100px 0;
  margin:100px 0 0;
  .yxm_title{
    display: inline-block;
  }
  display: flex;
  align-items: center;
  justify-content: center;

  .yxm_center_left{
    width:400px;
    h2{
      font-weight: bold;
    }
    p{
      line-height: 60px;
      &:first-of-type{
        color: rgb(153, 153, 153);
      }
    }
    .yxm_center_left_div{
      margin:40px;
      background: transparent;
    .yxm_center_left_link{
      text-decoration: none;
      border: 2px solid  #000;
      padding:15px;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      &:hover{
        background: #000;
        color: #eee;
      }

    }
  }

    img{
      vertical-align: sub;
    }

  }
}
.yxm_bottom{
  position: relative;
  padding-bottom:100px ;
.yxm_bottom_content{
  width:100%;
  height: 100%;
  position: absolute;
  top:0;
  display: flex;
  justify-content: space-around;
  align-items:center;
  .yxm_bottom_left{
    //position: absolute;
    width:50%;
    text-align: center;
  }
  .yxm_bottom_right{
    color: #fff;
    width:50%;
    margin-left: 200px;
    h2{
      font-weight: 900;
    }
    p{
      display: inline-block;
      width:300px;
      margin:50px 0;
    }
  }
}
}

.yxm_bottom_bg{
  position: relative;
}


.yxm_bottom2{
  background-color: #f5f5f5;
  padding:100px 0;
  display: flex;
  justify-content: space-between;
  .yxm_bottom2_left{
    position: relative;
    width: 50%;
    height:360px;
    img:nth-child(1){
      position: absolute;
      top:0;
      left:0;
      width: 600px;
      height: 330px;
    }
    img:nth-child(2){
      width: 400px;
      position: absolute;
      bottom:0;
      right:0;
    }

  }
  .yxm_bottom2_right{
    width:50%;
    //margin-right: 200px;
    //margin-right: 118px;
  }
  div{
    display: inline-block;
  }
  p{
    line-height:20px;
  }
  .yxm_b_r_top{
    display: block;
  }
  .yxm_b_r_top_left{
    width:300px;
    line-height:20px;
    //margin-top: -60px;
    h3{
      font-weight: bold;
    }
  p:first-of-type{
    color: rgb(153, 153, 153);
  }




    vertical-align: middle;
  }
  .yxm_b_r_top_right{
    margin-left:100px;
  }
  .yxm_b_r_top_right_link{
    border: 2px solid  #000;
    padding:15px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    &:hover{
      background: #000;
      color: #eee;
    }
  }

}

.yxm_bottom3_top{
  margin:100px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  .yxm_bottom3_top_left{
    margin-right:100px;
    h3{
      font-weight: bold;
    }
  }
  .yxm_bottom3_top_right{
    width:500px;
    p{
      font-size: 12px;
    }

  }
}

.yxm_footer{
  margin:100px 0;
}


.yxm_contact{
  display: flex;
  align-items: center;
  justify-content: center;
  .yxm_con_right{
    width:450px;
    margin-left:200px;
    background-color: rgb(249, 249, 249);
    form{
      padding:100px 50px;
      .btn{
        width:100px;
      }
    }
  }
  p{
    color: rgb(153, 153, 153);
  }
  .yxm_con_mes{
  margin:50px 0;
}
}
